// 主题hvoer色，主题active色
@mixin get-color-primary-hover ($color:color) {
    #{$color}: $color-light-primary;
    #{$color}: var(--color-light-primary);
}
@mixin get-color-primary-active ($color:color) {
    #{$color}: $color-dark-primary;
    #{$color}: var(--color-dark-primary);
}
// 标题色，正文色，辅助/图标色，失效色，边框，分割线，背景色，阴影
@mixin get-color-title ($color:color) {
    #{$color}: $color-title;
    #{$color}: var(--color-title);
}
@mixin get-color-text ($color:color) {
    #{$color}: $color-text;
    #{$color}: var(--color-text);
}
@mixin get-color-sub ($color:color) {
    #{$color}: $color-sub;
    #{$color}: var(--color-sub);
}
@mixin get-color-placeholder ($color:color) {
    #{$color}: $color-placeholder;
    #{$color}: var(--color-placeholder);;
}
@mixin get-color-disabled ($color:background-color) {
    #{$color}: $color-disabled;
    #{$color}: var(--color-disabled);
}
@mixin get-color-border ($color:border-color) {
    #{$color}: $color-border;
    #{$color}: var(--color-border);
}
@mixin get-color-divider ($color:border-color) {
    #{$color}: $color-divider;
    #{$color}: var(--color-divider);
}
@mixin get-color-shadow ($x:0,$y:0,$blur:#{$box-shadow-blur},$spread:#{$box-shadow-spread}) {
    box-shadow: $x $y $blur $spread $color-shadow;
    box-shadow: $x $y $blur $spread var(--color-shadow);
}
@mixin get-color-bg ($color:background-color) {
    #{$color}: $color-background;
    #{$color}: var(--color-background);
}

// 图标hover色
@mixin get-color-sub-hover ($color:color) {
    #{$color}: lighten($color-sub, 13%);
}

// highColor，常用于组件色彩增强
@mixin get-color-high-color () {
    @include get-color-text(background-color);
    @include get-color-bg(color)
}
